<template>
  <s-layout title="我的藏品列表">
		<view class="wrapepr">
			<view class="order-time">孵化市场挂单时间为：00:05-10:00  10:00~12:00</view>
			<view class="order-list ss-flex ss-row-between ss-flex-wrap">
				<view v-for="(item,index) in 4" :key="index" class="card-wrap">
					<image src="@/static/img/inheritanceOfficer-1.png" mode=""></image>
					<view class="order-title">米其林汽车轮胎</view>
					<view class="ss-flex ss-col-center">
						<img class="order-logo" src="../../assets/logo.png" /></img>
						<text class="order-factory">九玄新能源官方</text>
					</view>
					<view class="line"></view>
					<view class="order-price">
						<view class="price-card">买入价</view>
						<text >￥543.54</text>
					</view>
					<view class="order-price2">防囤价：559.85</view>
				</view>
			</view>
			
		</view>
		
    
  </s-layout>
</template>

<script setup>
  import { computed, reactive, ref } from 'vue';
  import { onLoad } from '@dcloudio/uni-app';
  import sheep from '@/sheep';
  import { isEmpty } from 'lodash';

 
</script>

<style lang="scss" scoped>
	.wrapepr{
		margin-top: 59rpx;
		padding: 0 30rpx;
	}
	.order-time{
		color: #999999;
		font-size: 28rpx;
		text-align: center;
		margin: 0 0 31rpx
	}
	.card-wrap{
		width: 334rpx;
		height: 650rpx;
		background-color: #1E1E1E;
		margin-bottom: 22rpx;
		image {
			width:100%;
			height: 320rpx;
		}
		.order-title{
			font-size: 32rpx;
			color:#E4E4E4;
			margin: 31rpx 0 38rpx 22rpx;
		}
		.order-logo {
		margin-right: 15rpx;
		margin-left: 22rpx;
		width: 31rpx;
		height: 31rpx;
	  }
		.order-factory{
			font-size: 24rpx;
			color:#888888;
		}
		.line{
			border: 1rpx solid #353535;
			margin: 33rpx 0 22rpx;
		}
		.order-price{
			font-size: 30rpx;
			color:#00A1FF;
			margin-left: 22rpx;
			.price-card{
				width: 81rpx;
				height: 35rpx;
				line-height: 35rpx;
				text-align: center;
				display:inline-block;
				background-color: #00A1FF;
				border-radius: 10rpx;
				font-size: 22rpx;
				color:#FFFFFF;
				margin-right: 13rpx;
			}
		}
		.order-price2{
			font-size: 24rpx;
			color:#888888;
			margin: 24rpx 0 29rpx 22rpx;
		}
		
	}
 
</style>
